<template>
  <div class="hello" @click="$emit('add')" >
   <div class="block">
   </div>
   <div class="btn">
     <router-link to="/ent" class="item"> 
       <span class="iconfont icon-jiaban"></span>
       <span>加班</span>
       </router-link>
      <router-link to="/ent" class="item">
       <span class="iconfont icon-dujia"></span>
       <span>休假</span>
       </router-link> 
   </div>
  </div>
</template>

<script>
export default {
 data() {
   return {
      showflag:false
   }
 },
}
</script>
<style  lang="scss">
  .hello{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
  }
  .btn{
    width: 100%;
    display: flex;
    justify-content: space-around;
    height: 20%;
    line-height: 50px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left:0;
    .item{
      display: flex;
      flex-direction: column;
    }
    .a{
      flex: 1;
      font-size: 20px;
    }
    .iconfont:nth-child(1){
      width: 50px;
      height: 50px;
      border-radius:50%; 
      background: orangered;
    }
  }
</style>
